<!DOCTYPE html>
<html>
	<head>
	   <meta charset="UTF-8">
	   <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	   <title>投诉建议</title>
	   <link href="../../assets/css/common.css" rel="stylesheet">
	   <link rel="stylesheet" href="../../assets/css/css.css" />
	   <link href="../../assets/bootstrap/css/bootstrap.css" rel="stylesheet" />
	   <link href="../../assets/css/sweetalert/sweetalert.css" rel="stylesheet" type="text/css">
	   
	   <style>
	   		.btn1 .on{
				background-color:#02bb99;
			}
	   </style>
	   <script type="text/javascript">
		   function countChar() {
				document.getElementById('words').innerHTML = document.getElementsByTagName('textarea')[0].value.length;
			};
	   </script>
	   
	   
	</head>
<body>
 
	<div style="font-size:16px;">
		<div>
			<div>
				<img src="../../assets/images/img/a14.jpg"  width="100%"/>
			</div>
		</div>
		<div>
			<div style="border-bottom: 1px solid #ccc;">
				<div style="font-size:16px;margin: 3px 0px 3px 19px;color:#9d9d9d">请选择类型</div>
			</div>
			<div style="border-bottom: 1px solid #ccc;">
				<div style="margin: 8px 0px 10px 21px;" class="btn1">
					<input type="button" class="on" id="tousu" name="tousu" value="投诉" style="color:#fefefe;border:0;border-radius: 4px;width: 55px;height: 30px;margin-right: 10px;"> 
					<input type="button" class="" id="jianyi" name="jianyi" value="建议" style="color:#fefefe;border:0;border-radius: 4px;width: 55px;height: 30px;margin-right: 10px;"> 
					<input type="button" class="" id="biaoyang" name="biaoyang" value="表扬" style="color:#fefefe;border:0;border-radius: 4px;width: 55px;height: 30px;">
				</div>
			</div>
			<div style="border-bottom: 1px solid #ccc;">
				<textarea id="optionText"  placeholder ="请输入详细内容" rows="9" style="resize:none;width: 100%;border: 0;"onkeydown='countChar("");' onkeyup='countChar("");'></textarea>
				
			</div>
			<span style="position: relative;left: 85%;bottom: 25px;color:#ccc">
				<span id="words">0</span>/500
			</span>
			<div style="border-bottom: 1px solid #ccc;margin-top: -5%;" >
				<div style="height: 186px;">
					<div style="font:inherit;font-size: 16px;color: #9d9d9d;margin: 4px 0px 0px 14px;">添加照片(可选)</div>
					<input type="file" style="opacity:0; font-size:0; cursor:pointer ;position: absolute;width: 50%;height: 25%;;margin-left: 10px;"
							id="ImageZero" name="ImageZero"> 
					<img src="../../assets/images/pictop.png" class="roleLogoPic"
						style="width: 50%;height: 80%;;margin-left: 10px;" id="ImgZero">
					<br />
					<input type="text" readonly="readonly" value="上传图片需要一定的缓冲时间，请您耐心等待提示！" style="color: red;width: 100%;border: 0;margin: 8px 1px 1px 1px;"/>
				</div>
			</div>
		</div>
		<div>
			<div class="advise_bottom1">
				<button type="button" id="optionBtn">提交</button>
			</div>
		</div>
	</div>
	<script src="../../assets/js/jquery.min.js"></script>
	<script src="../../assets/bootstrap/js/bootstrap.min.js"></script>
	<script src="../../assets/js/jquery.cookie.js"></script>
	<script src="../../assets/js/sweetalert/sweetalert.min.js"></script>
	<!-- <script src="../../assets/js/validation/bootstrapValidator.js"></script> -->
	<script src="../../assets/jquery-fileupload/js/jquery.ui.widget.js"></script>
	<script src="../../assets/jquery-fileupload/js/jquery.iframe-transport.js"></script>
	<script src="../../assets/jquery-fileupload/js/jquery.fileupload.js"></script>
	<script src="../../assets/jquery-fileupload/preView.js"></script>
	<script src="../../assets/js/weixin/jweixin-1.2.0.js"></script>
	<script src="../../js/util/main.js"></script>
	<script src="../../js/wechat_option/wechat_option.js"></script>	
</body>

</html>

